html { font-size: 14px; font-family: 'Rosario', sans-serif; text-shadow: 1px 1px 1px #aaaaaa; background: #FF8000 url("../images/background.jpg") repeat-x 50% 50%; }

a { color: #bebebe; text-shadow: 1px 1px 2px #404040; text-decoration: none; -webkit-transition: color .2s ease-in; }
a:hover { color: white; text-shadow: 1px 1px 2px #bebebe; -webkit-transition: color .2s ease-in; }

h1 { margin: 0 0 10px 0; padding: 0; border-bottom: solid 1px #101010; text-shadow: 1px 1px 2px orange; cursor: default; font-family: 'IM Fell English SC', sans-serif; font-size: 35px; }
h1 img { margin-right: 10px; width: 32px; height: 32px; float: left; margin-top: 3px; }
h2 { margin: 0 0 10px 0; padding: 0; border-bottom: solid 1px #252525; text-shadow: 1px 1px 2px #505050; cursor: default; font-family: 'IM Fell English SC', sans-serif; font-size: 25px; color: #bebebe; }
h2 img { margin-right: 10px; width: 28px; height: 28px; float: left; margin-top: 3px; }
h3 { margin: 0 0 10px 0; padding: 0; border-bottom: solid 1px #505050; text-shadow: 1px 1px 2px orange; cursor: default; font-family: 'IM Fell English SC', sans-serif; font-size: 20px; color: #5E2605; }
h3 img { margin-right: 10px; width: 24px; height: 24px; float: left; margin-top: 3px; }
h4 { margin: 0 0 10px 0; padding: 0; border-bottom: solid 1px #707070; text-shadow: 1px 1px 2px orange; cursor: default; font-family: 'IM Fell English SC', sans-serif; font-size: 15px; color: #603311; }
h4 img { margin-right: 10px; width: 20px; height: 20px; float: left; margin-top: 2px; }

input[type=text],
input[type=password],
textarea,
select { border: solid 1px #808080; padding: 0 5px 0 5px; height: 25px; font-size: 12px; border-radius: 4px; width: 180px; color: #404040; font-style: italic; text-shadow: none; background-image: -webkit-linear-gradient(bottom, white 85%, #bebebe 120%); box-shadow: none; -webkit-transition: box-shadow, background .2s ease-in; }
textarea { height: auto !important; }

input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
select:hover { border: solid 1px #007BFF; box-shadow: 0px 0px 20px 1px rgba(0, 123, 255, .4); }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select { color: black; font-style: normal; outline: none; border: solid 1px #007BFF; box-shadow: 0px 0px 15px 1px rgba(0, 123, 255, .9); background: white; background-image: none; -webkit-transition: all .2s ease-in; }

button,
input[type=button],
input[type=submit] { color: #bebebe; text-shadow: 1px 1px 2px #404040; }


#wrap { height: auto; min-height: 300px; }

#header { height: 150px; margin-top: 40px; }
#header #logo { width: 300px; height: 90px; margin: 10px auto; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, #151515), color-stop(0.8, #404040)); border-radius: 10px; border: solid 1px #404040; box-shadow: 0 0 10px 4px #404040; }
#header #logo a { font-family: 'Holtwood One SC', serif; text-shadow: 1px 1px 1px #606060; width: 100%; float: left; font-size: 50px; color: #404040; text-align: center; height: 100%; line-height: 85px; text-decoration: none; -webkit-transition: text-shadow, color .5s linear; }
#header #logo a:hover { color: #fafafa; text-shadow: 1px 1px 5px #ffffff; -webkit-transition: all .5s linear; }

#content-wrap { height: auto; padding: 10px 0 10px 0; }
#content-wrap #nav { width: 270px; height: 100%;  margin: 0 auto; }
#content-wrap #nav.nav-left { float: left; -webkit-transition: all .4s ease-in; }
#content-wrap #nav .nav-item { height: auto; cursor: pointer; height: 80px; width: 100%; float: left; background-color: transparent; box-shadow: none; background-image: none; opacity: 1; border-radius: 7px; -webkit-transition: opacity, box-shadow .3s ease-in-out; }
#content-wrap #nav .nav-item:hover { box-shadow: 0 0 10px 4px #404040; opacity: .9; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, #151515), color-stop(0.8, #404040)); -webkit-transition: opacity, box-shadow .3s ease-in-out; }
#content-wrap #nav .nav-item a { width: 49%; float: left; height: 80px; line-height: 80px; border-right: solid 1px rgba(0, 0, 0, .2); text-align: center; font-family: 'Holtwood One SC', serif; color: white; text-decoration: none; text-shadow: 1px 1px 1px gray; background-image: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(250,250,250,0)), color-stop(98%,rgba(250,250,250,0.1)), color-stop(100%,rgba(250,250,250,0.1))); }
#content-wrap #nav .nav-item .nav-image { width: 49%; float: left; height: 80px; text-align: center; line-height: 80px; }
#content-wrap #nav .nav-item .nav-image a { display: block; width: 100%; height: 100%; text-align: center; border-right: none; background: none; }
#content-wrap #nav .nav-item .nav-image a img { width: 48px; height: 48px; float: left; margin-left: 40px; margin-top: 20px; }
#content-wrap #nav .nav-menu { display: none; float: left; width: 100%; height: auto; border-radius: 7px; border-top-left-radius: 0px; border-top: solid 1px #404040; border-top-right-radius: 0px; box-shadow: 0 0 10px 4px #404040; background-image: -webkit-linear-gradient(bottom, #151515 0%, #303030 100%); }
#content-wrap #nav .nav-menu ul { list-style-type: none; margin: 10px; padding: 0; width: 250px; }
#content-wrap #nav .nav-menu ul li { width: 100%; padding: 2px 0 2px 0; }
#content-wrap #nav .nav-menu ul li a { color: white; font-family: 'Holtwood One SC', serif; font-size: 12px; text-decoration: none; display: block; width: 100%; height: 100%; text-shadow: 1px 1px 1px gray; -webkit-transition: color .3s linear; }
#content-wrap #nav .nav-menu ul li a:hover { color: orange; -webkit-transition: all .3s linear; }


#content-wrap #content { height: auto; float: left; width: 650px; margin-left: 10px; }
#content-wrap #content .news-box { width: 100%; height: auto; margin: 20px 0 20px 0; border: solid 1px #404040; border-radius: 5px; box-shadow: 2px 2px 25px 2px #101010; }
#content-wrap #content .news-box .news-header { background-image: -webkit-linear-gradient(bottom, #303030 49%, #505050 90%); height: 40px; line-height: 40px; border-bottom: solid 1px #808080; }
#content-wrap #content .news-box .news-header h2 { width: 70%; float: left; border: none; padding-left: 10px; }
#content-wrap #content .news-box .news-header h4 { font-style: italic; border: none; float: right; width: 20%; text-align: right; padding-right: 20px; text-shadow: 1px 1px 1px black; color: #808080; }
#content-wrap #content .news-box .news-body { width: 640px; height: 100%; background-image: -webkit-linear-gradient(bottom, #808080 49%, #aaaaaa 90%); padding: 10px 5px 10px 5px; }
#content-wrap #content .news-box .news-body h3 { color: #303030; text-shadow: 1px 1px 1px #bebebe; border: none; }

#content-wrap #content .table-list { width: 100%; height: auto; margin-top: 30px; box-shadow: 2px 2px 25px 2px #101010; }
#content-wrap #content .table-list tr th { border-bottom: solid 1px #808080; background-image: -webkit-linear-gradient(bottom, #303030 49%, #505050 90%); font-family: 'IM Fell English SC', sans-serif; font-size: 18px; color: white; padding: 2px 0 2px 0; text-align: center; cursor: default; }
#content-wrap #content .table-list tbody tr td { border-bottom: solid 1px #808080; padding: 2px 0 2px 0; text-align: center;  cursor: default; }
#content-wrap #content .table-list tbody tr.alternate td { background-color: rgba(150, 150, 150, .3); }
#content-wrap #content .table-list tbody tr:hover td ,
#content-wrap #content .table-list tbody tr.active td{ background-image: -webkit-linear-gradient(bottom, #808080 49%, #aaaaaa 90%); }
#content-wrap #content .table-list tfoot tr td { border: none; background-image: -webkit-linear-gradient(bottom, #303030 5%, #505050 120%); font-family: 'IM Fell English SC', sans-serif; font-size: 18px; color: white; padding: 2px 0 2px 0; text-align: center; cursor: default; }
#content-wrap #content .table-list tfoot tr td .table-paging { float: left; margin: 5px 5px 10px 5px; }
#content-wrap #content .table-list tfoot tr td .table-paging span { margin-left: 10px; }

#content-wrap #content fieldset { border: solid 1px #404040; border-radius: 7px; box-shadow: 2px 2px 20px 2px #101010; background-image: -webkit-linear-gradient(bottom, rgba(120, 120, 120, .3) 49%, rgba(180, 180, 180, .3) 90%); }
#content-wrap #content fieldset legend { font-size: 20px; font-family: 'IM Fell English SC', sans-serif; color: #404040; text-shadow: 1px 1px 1px #bebebe; font-weight: bold; background-image: -webkit-linear-gradient(bottom, rgba(120, 120, 120, .7) 49%, rgba(180, 180, 180, .7) 90%); border-radius: 5px; border: solid 1px #404040; padding: 0 10px; cursor: default; }
#content-wrap #content fieldset .form-item { width: 100%; float: left; margin: 2px 0; }
#content-wrap #content fieldset .form-item .form-label { float: left; width: 30%; font-weight: bold; min-height: 30px; line-height: 30px; }
#content-wrap #content fieldset .form-item .form-value { width: 70%; min-height: 30px; line-height: 100%; float: left; }
#content-wrap #content fieldset .form-buttons { margin-top: 15px; }


#bottom { height: 80px; margin-top: 60px; margin-bottom: 40px; background-image: -webkit-linear-gradient(bottom, #303030 49%, #505050 90%); border-radius: 15px; border: solid 1px #404040; box-shadow: 0 0 15px 1px #404040; }
#bottom  #copyrights { color: #252525; text-shadow: 1px 1px 1px #707070; cursor: default; font-weight: bold; font-family: 'Holtwood One SC', serif; font-size: 16px; float: left; margin-left: 20px; margin-top: 20px; -webkit-transition: color, text-shadow .5s linear; }
#bottom  #copyrights:hover { color: white; text-shadow: 1px 1px 1px #ffffff; -webkit-transition: all .5s linear; }
#bottom  #social-links  { float: right; margin-right: 20px; margin-top: 20px; }
#bottom  #social-links span a { border: none; text-decoration: none; float: left; }
#bottom  #social-links span a img { border: none; width: 28px; height: 28px; }